<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
    <script type="text/javascript">

        function test(v, obj) {
            var c = obj.checked;  //记录下当前复选框的状态
            $(".che").removeAttr("checked");  //删除所有的选中
            if(c == true){  //判断状态
                $(obj).prop("checked",true);
                // 应该把这个文章的信息反显到编辑区
                $("[title]").val(v[1]);
                $("[content]").val(v[2]);
            }else{
                $(obj).removeAttr("checked"); //false 删除选中
            }
        }


    </script>
</head>
<body>
<a href="/">首页</a>
<h1>欢迎来到发表文章中心</h1>
<h5>请在下面输入您要发表的文章标题和内容</h5>
<form action="/publish" method="post">
    标题：<input type="text" id="title" name="title"><br>
    文章内容：<br>
    <textarea id="content" name="content" rows="5" cols="200"></textarea><br>
    <button>发表</button>
    {{msg}}
    <button type="reset">重置</button>
</form>
<br>

<table>
    <th></th>
    <th>标题</th>
    <th>内容</th>
    <tbody>
    {% for m in c: %}
    <tr>
        <td>
            <input type="checkbox"  class="che" onclick="test('{{m}}', this)" />
        </td>
        <td>{{m[1]}}</td>
        <td>{{m[3]}}</td>
    </tr>
    {% endfor %}
    </tbody>
</table>
</body>
</html>